<template>
  <div class="other_comments">
    <div class="touxiang"><img src="../../img/user1.jpg" alt=""></div>
    <h5>{{name}}:</h5>
<!--    <p>{{datatime}}</p>-->
    <div class="pinglun"><p>{{msg}}<span>{{msg.length+"/150"}}</span></p></div>
  </div>
</template>

<script>
  export default {
    name: "Comments",

    user:{
      type:Object,
      default:function(){ //对象或数组的默认值必须使用函数的形式来返回
        return {id:3306,username:'秋香'};
      }
    },
    data(){
      return {
        // touxiang_url: "",
        name: "会飞的仓鼠",
        msg: "说的好,我选择自杀说的好,我选择自杀说的好,我选择自杀说的好,我选我选择自杀说的好,我选择自我选择自杀说的好,我选择自择自杀说的好我选择自杀说的好,我选择自"
      }
    }
  }


</script>

<style scoped>
  .other_comments{
    width: 100%;
    height: 80px;
    border: 1px solid rgba(0,0,0,0.1);
    background: white;
    padding-top:10px;
  }
  .touxiang{
    width: 80px;
    height: 80px;
    float: left;
  }
  /*h5{*/
  /*  margin-left: 10px;*/
  /*}*/
  .touxiang img{
    width: 70px;
    height: 70px;
  }
  .pinglun{
    position: relative;
    float: left;
    top:10px;
    width: 600px;
    height: 60px;
    font-size: 14px;
    /*border: 1px solid rgba(0,0,0,0.31);*/
  }
  .pinglun p{
    position: absolute;
    width: 700px;
    /*left: 10px;*/
    /*top: 0;*/
  }
  .pinglun span{
    position: absolute;
    left: 664px;
    top: 31px
  }
</style>
